<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>蜜芽商品详情</title>
    <link href=../style/css/productDetails.css rel=stylesheet>
    <link href=../style/css/detail.css rel=stylesheet>
    <link rel="stylesheet" type="text/css" href="../iconfont/font_2s17ri517rad1jor/iconfont.css">
</head>
<body>
<header>
    <div id="side-left">
        <img src=../images/index/side-left.png>
    </div>
    <div id="side-right">
        <ul>
            <li>
                <i class="iconfont">&#xe505;</i>
                <p>购物车</p>
            </li>
            <li>
                <i class="iconfont">&#xe659;</i>
                <p>咨询</p>
            </li>
            <li>
                <i class="iconfont">&#xe6f6;</i>
                <p>微信</p>
            </li>
        </ul>
        <div id="toTop">
            <i class="iconfont"> &#xe504;</i>
        </div>
    </div>
    <div id="weixin">
        <img src=../images/index/slide-weixin.png>
    </div>
    <section id="header-topbar">
        <div class="w1100 clear tt">
            <div class="top-left">
                <i class="iconfont">&#xe621;</i>
                <a href="#" target="_blank" title="手机蜜芽">手机蜜芽</a>
            </div>
            <!--登录前-->
            <div class="unLogin">
                <span class="welcome">你好，欢迎来到蜜芽！</span><em>|</em>
                <a href="login.html" title="点击登录">登录</a><em>|</em>
                <a href="register.html" title="点击注册">免费注册</a><em>|</em>
                <a href="#">帮助中心</a>
            </div>
            <!--登陆之后-->
            <div class="Login">
                <span class="welcome">你好，欢迎来到蜜芽！</span>
                <a href="login.html" title="点击登录">我的蜜芽</a><em>|</em>
                <a href="register.html" title="点击注册">帮助中心</a><em>|</em>
                <a class="exit" href="#">退出</a>
            </div>

        </div>
    </section>
    <section id="header-mid" class="w1100 clear">
        <a href="index.html" class="logo-pic"><img src=../images/index/logo.png></a>
        <div class="header-mid-right">
            <div class="research clear">
                <input type="text" class="research-input" placeholder="尤妮佳">
                <input type="button" value="搜索" class="searchButton">
                <div class="hot">
                    <a class="h" href="#">牙胶</a>
                    <a href="#">收纳柜</a>
                    <a href="#">隔尿垫</a>
                    <a href="#">加州宝宝</a>
                    <a class="h" href="#">安全座椅</a>
                </div>
            </div>
            <div class="shop-car">
                <span><i class="iconfont">&#xe505;</i></span>
                <p class="carr">购物车</p>
                <div id="carInfo">
                    <!--<p class="every">-->
                    <!--<img src="../images/index/groom1S1.jpg" class="infoImg">-->
                    <!--<em class="time">5</em>-->
                    <!--<em class="infoProduce">好棒棒</em>-->
                    <!--</p>-->
                </div>
            </div>
        </div>
    </section>
    <section id="header-nav" class="clear">
        <div class="w1100 ">
            <div class="main-nav clear">
                <h3>全部商品分类</h3>
            </div>
            <ul id="right-nav">
                <li class="active"><a href="#">首页</a></li>
                <li><a href="#">纸尿裤</a></li>
                <li><a href="#">奶粉</a></li>
                <li><a href="#">正品保证<span class="span"><i class="iconfont">&#xe60b;</i></span></a>
                    <ul>
                        <li style="z-index: 1000"><a href="#">正品保证</a></li>
                        <li><a href="#">退货政策</a></li>
                        <li><a href="#">帮助中心</a></li>
                    </ul>
                </li>
                <li><a href="#">早教音乐</a></li>
            </ul>
            <ul id="second-nav">
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>奶粉/纸尿裤</strong>
                        <p><a href="#">婴儿奶粉</a>
                            <a href="#">羊奶粉</a>
                            <a href="#">特配奶粉</a>
                            <a href="#">拉拉裤</a>
                            <a href="#">宝宝湿巾</a>
                            <a href="#">德国爱他美</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>辅食/喂养/洗护</strong>
                        <p><a href="#">米粉</a>
                            <a href="#">果泥/肉泥</a>
                            <a href="#">溶豆/泡芙</a>
                            <a href="#">磨牙月饼</a>
                            <a href="#">鱼油/DHA</a>
                            <a href="#">钙铁锌</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>孕妈用品</strong>
                        <p><a href="#">孕妇装/孕妇裙</a>
                            <a href="#">待产/月子用品</a>
                            <a href="#">防辐射服</a>
                            <a href="#">孕期营养</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>童装/童鞋/寝居</strong>
                        <p><a href="#">新生儿礼盒</a>
                            <a href="#">连身衣/爬服</a>
                            <a href="#">T恤/POLO衫</a>
                            <a href="#">亲子装</a>
                            <a href="#">太阳镜</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>玩具/书籍/出行</strong>
                        <p><a href="#">益智</a>
                            <a href="#">毛绒/安抚</a>
                            <a href="#">牙胶/咬咬胶</a>
                            <a href="#">戏水/游戏装备</a>
                            <a href="#">中文绘本</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>美妆/个护/亲奢</strong>
                        <p><a href="#">防晒/隔离</a>
                            <a href="#">化妆水/爽肤水</a>
                            <a href="#">面膜</a>
                            <a href="#">套装礼盒</a>
                            <a href="#">美体塑身</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>美食/保健</strong>
                        <p><a href="#">干果/果干</a>
                            <a href="#">休闲零食</a>
                            <a href="#">地方特产</a>
                            <a href="#">胶原蛋白</a>
                            <a href="#">酵素</a>
                            <a href="#">蔓越莓/葡萄籽</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
                <dl>
                    <dt>
                    <div class="inner">
                        <strong>家居/清洁</strong>
                        <p><a href="#">奶瓶清洁</a>
                            <a href="#">消毒液/柔顺剂</a>
                            <a href="#">宝宝湿巾</a>
                            <a href="#">床上用品</a>
                            <a href="#">家居纸品</a>
                        </p>
                    </div>
                    </dt>
                    <dd>
                        <img src="../images/index/nav-bg1.png">
                    </dd>
                </dl>
            </ul>
        </div>
    </section>
</header>
<section id="order">
    <div class="Xcontent">
        <ul class="Xcontent01">

            <div class="Xcontent06"><img src="../images/details/shangpinxiangqing/X1.png"></div>
            <ol class="Xcontent08">
                <div class="Xcontent07"></div>
                <div class="Xcontent09"></div>
                <div class="Xcontent10"></div>
                <div class="Xcontent11"></div>
                <div class="Xcontent12"></div>
            </ol>
            <ol class="Xcontent13">
                <div class="Xcontent14"><a href="#"><p>新物品</p></a></div>
                <div class="Xcontent15"><img src="../images/details/shangpinxiangqing/X11.png"></div>
                <div class="Xcontent16"><p>充电5分钟，温暖2小时</p></div>
                <div class="Xcontent17">
                    <p class="Xcontent18">售价</p>
                    <p class="Xcontent19">￥<span>69.00</span></p>
                    <div class="Xcontent20">
                        <p class="Xcontent21">促销</p>
                        <img src="../images/details/shangpinxiangqing/X12.png">
                        <p class="Xcontent22">领610元新年礼券，满再赠好礼</p>
                    </div>
                    <div class="Xcontent23">
                        <p class="Xcontent24">服务</p>
                        <p class="Xcontent25">30天无忧退货&nbsp;&nbsp;&nbsp;&nbsp; 48小时快速退款 &nbsp;&nbsp;&nbsp;&nbsp;
                            满88元免邮</p>
                    </div>

                </div>
                <div class="Xcontent26">
                    <p class="Xcontent27">店家推荐</p>
                    <div class="Xcontent28"><img class="x1"></div>
                    <div class="Xcontent29"><img class="x2"></div>
                </div>
                <div class="Xcontent30">
                    <p class="Xcontent31">数量</p>
                    <div class="Xcontent32"><img src="../images/details/shangpinxiangqing/X15.png"></div>
                    <form>
                        <input class="input number" value="1"></form>
                    <div class="Xcontent33"><img src="../images/details/shangpinxiangqing/16.png"></div>

                </div>
                <div class="Xcontent34"><a href="#"><img src="../images/details/shangpinxiangqing/X17.png"></a></div>
                <div class="Xcontent35  addCar"><a href="shoppingCart.html"><img src="../images/details/shangpinxiangqing/X18.png"></a></div>

            </ol>


        </ul>

    </div>
    <!--由于设置了绝对定位使得实物详情部分高度塌陷，所以用一个div撑起600px的高度-->
    <div class="height"></div>
</section>
<section id="nominate" class="w1100">
    <ul class="clear">
        <li class="oli1"><a href="#">
            <img class="img1">
            <p class="p1">
                "澳贝 auby 熊猫叠叠圈 彩虹叠叠乐宝宝早教益智婴儿童套圈音乐玩具"
            </p>
            <p class="p2">￥55.00</p>
        </a></li>
        <li class="oli2"><a href="#">
            <img class="img2">
            <p class="p1"></p>
            <p class="p2">￥66.00</p>
        </a></li>
        <li class="oli3"><a href="#">
            <img class="img3">
            <p class="p1"></p>
            <p class="p2">￥64.00</p>
        </a></li>
        <li class="oli4"><a href="#">
            <img class="img4">
            <p class="p1"></p>
            <p class="p2">￥105.00</p>
        </a></li>
        <li class="oli5"><a href="#">
            <img class="img5">
            <p class="p1"></p>
            <p class="p2">￥55.00</p>
        </a></li>
        <li class="oli6"><a href="#">
            <img class="img6">
            <p class="p1"></p>
            <p class="p2">￥55.00</p>
        </a></li>
    </ul>
</section>
<section id="detail" class="w1100">
    <ul class="clear fixed">
        <li><a class="select" href="#">商品详情</a></li>
        <li><a href="#">蜜芽圈（37）</a></li>
        <li><a href="#">蜜芽优势</a></li>
        <li><a href="#">问题咨询</a></li>
    </ul>
    <div class="detailsInfo clear">
        <ul class="clear">
            <li>
                <b>商品名称:</b>
                "维达 Vinda 18包自然无香4层8片便携式手帕纸"
            </li>
            <li>
                <b>品牌:</b>
                "维达 Vinda"
            </li>
            <li>
                <b>商品名称:</b>
                "维达 Vinda 18包自然无香4层8片便携式手帕纸"
            </li>
            <li>
                <b>分类:</b>
                "手帕纸"
            </li>
            <li>
                <b>片数:</b>
                "8片"
            </li>
            <li>
                <b>层数:</b>
                "4层"
            </li>
        </ul>
        <img  src=../images/productDetail/sp01.gif>
        <!--<img src=../images/productDetail/details1.jpg>-->
        <!--<img src=../images/productDetail/details2.jpg>-->
        <!--<img src=../images/productDetail/details3.jpg>-->
        <!--<img src=../images/productDetail/details4.jpg>-->
        <!--<img src=../images/productDetail/details5.jpg>-->

    </div>

</section>
    <footer class="clear">
        <div class="Genuine">
            <div class="w1100">
                <a href="#"> <i class="iconfont">&#xe621;</i><b>可信赖</b>进口母婴特卖</a>
                <a href="#"> <i class="iconfont">&#xe621;</i><b>无忧</b>正品保证</a>
                <a href="#"> <i class="iconfont">&#xe621;</i><b>7天</b>无理由退货</a>
                <a href="#"> <i class="iconfont">&#xe621;</i><b>恒温仓</b>完善的货物仓储</a>
                <a href="#"> <i class="iconfont">&#xe621;</i><b>24小时</b>快速发货</a>
                <a href="#"> <i class="iconfont">&#xe621;</i><b>100万</b>妈妈口碑信赖</a>
            </div>
        </div>
        <div class="foot-mid w1100">
            <ul class="clear">
                <li>
                    <h3>使用帮助</h3>
                    <a href="#">新手指南</a>
                    <a href="#">蜜粉值体系</a>
                    <a href="#">蜜豆体系</a>
                    <a href="#">正品承诺</a>
                </li>
                <li>
                    <h3>支付方式</h3>
                    <a href="#">支付方式</a>
                    <a href="#">支付流程</a>
                    <a href="#">跨境进口税</a>
                </li>
                <li>
                    <h3>配送方式</h3>
                    <a href="#">包邮政策</a>
                    <a href="#">发货时间</a>
                    <a href="#">配送区域</a>
                    <a href="#">验货签收</a>
                </li>
                <li>
                    <h3>售后服务</h3>
                    <a href="#">退货政策</a>
                    <a href="#">退货流程</a>
                    <a href="#">退款方式</a>
                </li>
                <li>
                    <h3>售后服务</h3>
                    <a href="#">总裁邮箱 ceo@mia.com</a>
                    <a href="#">商务合作 bd@mia.com</a>
                    <a href="#">媒体合作 pr@mia.com</a>
                </li>
                <li>
                    <img style="margin-top: -15px" src="../images/index/fot-1.png">
                </li>
            </ul>
        </div>
        <div class="foot-bottom ">
            <div class="w1100">
                <ul class="clear">
                    <li><a href="#">关于麦芽</a></li>
                    <li><a href="#">加入麦芽</a></li>
                    <li><a href="#">商业合作</a></li>
                    <li><a href="#">关于麦芽</a></li>
                    <li><a href="#">关于麦芽</a></li>
                    <li><a href="#">关于麦芽</a></li>
                    <li><a href="#">关于麦芽</a></li>
                    <li><a href="#">关于麦芽</a></li>
                </ul>
                <img src=../images/index/footer.png>
            </div>
        </div>

    </footer>


</body>
<script src="../js/lib/require.js" data-main="../js/productDetails.js"></script>
<script src="../js/lib/modernizr-custom-v2.7.1.min.js"></script>
</html>